<!--热门排行-->
<template>
    <div class="gao">
        <div class="totem-background"></div>
        <h2>热门排行</h2>
    </div>
    <el-row :gutter="20">
    <el-col :span="4" :offset="0" >
            <!--左边-->
        <indexLeft></indexLeft>
 
    </el-col>
    <el-col :span="20" :offset="0">
           <!--右面-->
    <indexRight></indexRight>
    </el-col>
    </el-row>
    
</template>
<script setup>
import  indexLeft  from './indexleft.vue'
import indexRight from './indexRight.vue'

</script>
<style scoped>

.gao {
    height: 80px;
    width: 1200px;
    margin: 0 auto;
}
h2 {
    font-weight: Bold;
    width: 130px;
    text-align: center;
    margin: auto;
    margin-top: -70px;
    text-transform: uppercase;
    font-size: 18px;
}
.totem-background {
    height: 50px;
    width: 618px;
    margin: 15px auto;
    background-image: url(/static/img/ribbon-totem.571264d.png);
}
</style>